<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../../static/css/login.css"/>
    <link rel="stylesheet" href="../../static/css/util.css"/>
    <link rel="stylesheet" href="../../static/js/layui/css/layui.css"/>
    <style rel="stylesheet">
        html {
            height: 100%;
            margin: auto;
        }

        body {
            width: 100%;
            height: 100%;
            margin: auto;
        }

        .boxes {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

        }
        .item {

            height: 20%;
            display: flex;
            flex-direction: column;

        }
        .item_box{
            text-align: center;
            font-size: 48px;
            color: gray;
        }
        #item_icon{
            font-size: 2em;
        }
        #message{
            color: gray;
            font-weight: bold;
        }


    </style>
</head>

<body>
<div class="boxes">
    <div class="item">
        <div class="item_box"><i class="layui-icon" id="item_icon">&#xe69c;</i> </div>
        <div class="item_title"><span id="message"></span></div>


    </div>

</div>

<script type="text/javascript" src="../../static/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/js/layui/layui.all.js"></script>

<script type="text/javascript">


    var time = setInterval(showTime, 1000);
    var second = 1;

    function showTime() {
        if (second == 0) {
            window.location.href = "login.php";
            clearInterval(time);

        }
        $("#message").html("你还未登陆哦！  即将跳转页面， 还有" + second + "秒");
        second--;
    }


</script>